.banner{position: relative;}
.banner .swiper-slide{position: relative;pointer-events: auto;}
.banner .swiper-slide .slide-inner{width: 100%;height: auto;}
.banner .swiper-slide .bannerPic{display: block;width: 100%;left: 0;top: 0;height: 100vh;object-fit: cover;}
.banner .swiper-slide .bannerPic{position:relative;width:100%;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0, 0, 100px);}
.banner .swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0, 0, 0px);}

.banner .con { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);width:1600px;max-width:92%;}
.banner .con .text1 strong {font-size:3.6rem;font-weight:700;color:#ffffff;letter-spacing:0.18rem;font-family:"Noto Sans SC"; display:inline-block;}
.banner .con .text1 strong:nth-child(2) {color:var(--color);}
.banner .con .text2 {font-size:1.4rem;font-weight:200;color:rgba(255, 255, 255,.45); text-transform:uppercase;font-family:"Noto Sans SC";}
.banner .con .text3 {margin-top:2rem;}
.banner .con .text3 p {font-size:1.6rem;font-weight:300;line-height:200%;color:#ffffff;letter-spacing:0.04rem;font-family:"Noto Sans SC";}

.banner .swiper-pagination-bullet{width:12px;height:12px;background-color:#ffffff;margin: 0 14px!important;opacity:0.5;color:transparent;}
.banner .swiper-pagination-bullet-active{opacity:1;width:42px;height:42px;line-height:42px;text-align:center;border:2px solid rgba(255, 255, 255, 0.4);background-color:transparent;color:#ffffff;}
.banner .swiper-pagination-bullet-active .rightcircle{-webkit-animation:circleProgressLoad_right 6.5s linear infinite;animation:circleProgressLoad_right 6.5s linear infinite;}
.banner .swiper-pagination-bullet-active .leftcircle{-webkit-animation:circleProgressLoad_left 6.5s linear infinite;animation:circleProgressLoad_left 6.5s linear infinite;}
.banner .swiper-pagination-bullet-active .wrapper_con{display:block;}
.banner .swiper-pagination{font-size: 14px;}
.banner .swiper-pagination > span{display:inline-block;vertical-align:middle;position:relative;box-sizing: border-box;}
.banner .swiper-container-rtl .swiper-button-next{left:calc(8.335% - 32px);}
.banner .swiper-container-rtl .swiper-button-prev{right:calc(8.335% - 32px);}
.banner .swiper .swiper-pagination{bottom:5%;}
.banner .right{right:-2px;}
.banner .left{left:-2px;}
.banner .circleProgress{width:42px;height:42px;border:2px solid transparent;border-radius:50%;position:absolute;top:0px;-webkit-transform:rotate(-135deg);box-sizing: border-box;}
.banner .rightcircle{border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;right:0px;}
.banner .leftcircle{border-top:2px solid #ffffff;border-right:2px solid #ffffff;left:0px;}
.banner .wrapper_con{width:21px;height:42px;position:absolute;top:-2px;overflow:hidden;display:none;}
.banner #water{position: absolute;top: 0;left: 0;width: 35%;height: 100%;opacity: .65;pointer-events: none;z-index: 1;}
@media only screen and (max-width: 1600px){
	.banner{padding-top: 70px;}
}
@media only screen and (max-width: 768px){
	.banner .swiper-slide .bannerPic{height: 60vw;}
	.banner .swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px!important;}
	.banner .rightcircle,
	.banner .swiper-pagination-bullet-active .wrapper_con,
	.banner .f-14{display:none;}
	.banner .con {text-align: center;}
	.banner .con .text1 strong {font-size:1.8rem;}
	.banner .con .text3 p {font-size: 1rem;}
}
@keyframes circleProgressLoad_right{0%{transform: rotate(45deg);}50%, 100%{transform: rotate(225deg);}}
@keyframes circleProgressLoad_left{0%, 50%{transform: rotate(45deg);}100%{transform: rotate(225deg);}}

.section{position: relative;overflow: hidden;}
.section .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition:transform 5s ease 0s, opacity 2s ease 0s;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.section.active .bg{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}

.in_title{color: #fff;text-align: center;}
.active .in_title{animation: fadeInDown 1s;}
.in_title h5{font-size: 70px;font-weight: bold;text-transform: uppercase;opacity: .1;}
.in_title h3{font-size: 36px;font-weight:bold;margin-top: -40px;}
.in_title p{font-size: 16px;line-height: 2;margin-top: 10px;}
.in_title.black{color: #262626;}
@media only screen and (max-width: 1600px){
	.in_title h5{font-size: 60px;}
	.in_title h3{font-size: 30px;margin-top: -35px;}
	.in_title p{font-size: 15px;}
}
@media only screen and (max-width: 768px){
	.in_title{margin-top: 1rem;}
	.in_title h5{font-size: 46px;}
	.in_title h3{font-size: 24px;margin-top: -25px;}
	.in_title p{font-size: 14px;}
	.in_title p br{display: none;}
}
@media only screen and (max-width: 480px){
	.in_title p{font-size: 12px;}
}

.in_about .fp-overflow{overflow: visible;}
.in_about .fp-overflow::-webkit-scrollbar{width: 0;}
.in_about .bg{background-image: url(../images/about_.jpg);background: #4b4b49;}
.in_about .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.in_about .left{position: relative;width: 48.5%;padding-right: 4%;}
.in_about.active .left{animation: fadeInLeft 1s;}
.in_about .img1{position: relative;width: 100%;padding-bottom: 75%;border: 7px solid #fff;overflow: hidden;box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.2);}
.in_about .img1 img,
.in_about .img2 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.in_about .img1 span{position: absolute;bottom: 0;color: #fff;line-height: 2.5;padding: 0 5%;background: rgba(0,0,0,.5);}
.in_about .img1 span i{position: relative;top: 2px;font-size: 18px;margin-right: 10px;}
.in_about .img2{position: absolute;right: 0;bottom: 10%;width: 52%;box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.2);}
.in_about .img2 div{position: relative;width: 100%;padding-bottom: 70%;border: 7px solid #fff;overflow: hidden;}
.in_about .right{width: 48.5%;color: #fff;}
.in_about.active .right{animation: fadeInRight 1s;}
.in_about .txt h3{font-size: 42px;font-weight: bold;margin-bottom: 1rem;}
.in_about .txt p{font-size: 16px;line-height: 2;text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.in_about .number{display: flex;margin-top: 3.5rem;}
.in_about .number li{width: 20%;font-size: 18px;line-height: .8;text-align: center;padding: 5px 0;}
.in_about .number li:nth-child(2){width: 40%;margin: 0 10%;border-left: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);}
.in_about .number li:last-child{border: 0;}
.in_about .number li span{display: block;font-size: 75px;font-weight: bold;margin-bottom: 25px;}
.in_about .number li sub{bottom: -.4rem;}
@media screen and (max-width: 1600px){
	.in_about .txt h3{font-size: 40px;}
	.in_about .txt p{font-size: 15px;}
	.in_about .number{margin-top: 2.5rem;}
	.in_about .number li{font-size: 16px;}
	.in_about .number li span{font-size: 65px;margin-bottom: 20px;}
}
@media screen and (max-width: 1600px){
	.in_about .txt h3{font-size: 30px;margin-bottom: .5rem;}
	.in_about .txt p{font-size: 14px;}
	.in_about .number{margin-top: 1.5rem;}
	.in_about .number li,
	.in_about .number li:nth-child(2){font-size: 14px;width: 33.33%;margin: 0;}
	.in_about .number li span{font-size: 50px;}
}
@media screen and (max-width: 768px){
	.in_about{padding: 3% 0;}
	.in_about .fp-overflow{overflow-y: auto;}
	.in_about .left{width: 100%;padding: 0;margin-bottom: 5%;}
	.in_about .img2{display: none;}
	.in_about .right{width: 100%;}
	.in_about .txt h3{font-size: 24px;}
	.in_about .txt p{-webkit-line-clamp: 10;}
	.in_about.active .left,
	.in_about.active .right{animation: none;}
}

.in_pro .fp-overflow{/* overflow: hidden; */}
.in_pro .bg{background-image: url(../images/pro_.jpg);}
/*产品展示*/
.in_pro .product{padding-bottom: 50px;background: #f2f2f2;text-align: center;}
.in_pro .product h5{font-size: 50px;font-weight: bold;text-transform: uppercase;opacity: .1;}
.in_pro .product h3{font-size: 40px;font-weight: bold;}
.in_pro .product .in_title{padding-bottom: 40px;}
.in_pro .product .tab{padding-bottom: 40px;text-align: center;}
.in_pro.product .tab a{position: relative;display: inline-block;font-size: 16px;line-height: 38px;text-align: center;padding: 0 18px;margin: 0 10px;border: 1px solid #e3e3e3;background: #fff;transition: all .5s;}
.in_pro .product .tab a:hover{color: #fff;border-color: var(--colour1);background: var(--colour1);}
.in_pro .product ul li{float: left;width:32%;margin-right: 15px;margin-bottom: 15px;background: #fff;text-align: center;transition: all .5s;}
.i.in_pro .product ul li:nth-child(4n){margin-right: 0;}
.in_pro .product ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.in_pro .product ul li .img .bg{position: absolute;left: 0;top: 0;width: 100%;z-index: 2;height: 100%;background-size: cover;}
.in_pro .product ul li .img .bg .txt{position: absolute;right: 12px;bottom: 0;width: 250px;height: 48px;padding-top: 5px;padding-left: 13px;text-align: left;color: #5d4710;line-height: 18px;box-sizing: border-box;}
.in_pro .product ul li .img .bg .txt p{}
.in_pro .product ul li .img .bg .txt span{display: block;font-weight: bold;}
.in_pro .product ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.in_pro .product ul li .tit p{color: #333;font-size: 20px;line-height: 64px;border-bottom: 1px solid #eee;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* transition: all .5s; */}
.in_pro .product ul li .tit span{display: block;/* line-height: 50px; */transition: all .5s;}
.in_pro .product ul li:hover .img img{transform: scale(1.1);}
.in_pro .product ul li:hover{box-shadow: 0px 0px 20px #aaa;}
.in_pro .product .more{margin-top: 35px;}
.in_pro .product .more a{display: block;margin: auto;width: 250px;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 48px;}
.in_pro .product .more a:hover{color: #fff;background: var(--colour1);border-color: var(--colour1);}
@media (max-width: 1920px){
.in_pro .product .tab a{font-size: 25px;line-height: 33px;padding: 0 15px;margin: 0 8px;}

.in_pro .product ul li .img .bg .txt{right: 8px;width: 188px;height: 36px;padding-left: 10px;font-size: 12px;line-height: 12px;}
.in_pro .product ul li .tit p{font-size: 25px;line-height: 10px;padding: 10px 30px 20px 50px;}
.in_pro .product ul li .tit span{line-height: 40px;font-size: 20px;}
.in_pro .product ul li .tit a{}

.in_pro .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 4rem 0;}
.in_pro .left{width: 40%;}
.in_pro.active .left{animation: fadeInLeft 1s;}
.in_pro dl dt{color:#fff;font-size: 72px;font-weight: bold;opacity: .1;line-height: 1;}
.in_pro dl dd{color:#fff;font-size: 37px;font-weight: bold;margin-top: -35px;}
.in_pro hr{width:165px;height: 7px;background: #00a0e8;border: 0;display: block;margin-top: 28px;}
.in_pro p{/* color: #fff; *//* font-size: 16px; *//* line-height: 2; *//* text-align: justify; */margin: 10px 0;}
.in_pro .more{width:120px;display: block;color:#fff;font-size: 16px;line-height: 2.9;text-align: center;border-radius: 50px;background: linear-gradient(135deg,#229edc 20%, #91c443 80%);}
.in_pro .more:hover{background:#fff; border-radius:25px; color:#00a0e8}	
.in_pro .pro_nav{display: flex;flex-wrap: wrap;padding-top: 6.5rem;justify-content: space-between;}
.in_pro .pro_nav a{position: relative;color:#fff;font-size:16px;line-height: 2.5;}
.in_pro .pro_nav a:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #fff;opacity: 0;transition: all .5s;}
.in_pro .pro_nav a:hover:after{width: 100%;opacity: 1;}
.in_pro .right{position: absolute;top: 0;right: 0;width: 56.5%;height: 100%;display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.in_pro.active .right{animation: fadeInRight 1s;}
.in_pro .mySwiper2 {position: relative;width: 75%;height: auto;margin: 0;padding: 60px;overflow: inherit;}
.in_pro .mySwiper2 .round{content: "";width: 90%;height: 90%;position: absolute;top: 50%;left: 50%;margin-top: -45%;margin-left: -45%;border-radius: 50%;border: 1px dashed #00a0e8;animation: a2 20s linear 0s infinite;}
.in_pro .mySwiper2 .round::before,
.in_pro .mySwiper2 .round:after{content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;border-radius: 50%;background: #00a0e8;}
.in_pro .mySwiper2 .round:after{top: auto;bottom: -40px;width: 40px;height: 40px;background: #91c443;}
.in_pro .mySwiper2 .swiper-slide a{width: 100%;height: auto;display: block;border: 10px solid #00a0e8;border-radius: 50%;background: #fff;overflow:hidden;box-shadow: 0 0 10px rgba(0,0,0,.05);}
.in_pro .mySwiper2 .swiper-slide a div{position: relative;padding-bottom: 100%;border-radius: 50%;overflow: hidden;}
.in_pro .mySwiper2 .swiper-slide a img{position: absolute;width:100%;height: 100%;object-fit: contain;border-radius: 50%;background: #fff;transform: scale(0.5);opacity: 0;transition: all 1s ease 0s;}
.in_pro .mySwiper2 .swiper-slide.swiper-slide-active a img{transform: scale(1);opacity: 1;}
.in_pro .mySwiper2 .swiper-slide a:hover img{transform: scale(1.1);}
.in_pro .mySwiper{width: 16.5%;height: 100%;margin: 0;}
.in_pro .mySwiper .swiper-slide .s_pimg{width:100%;height: auto;border-radius: 50%;border: 8px solid #fff;background: #fff;cursor: pointer;transition: all .5s;}
.in_pro .mySwiper .swiper-slide .s_pimg div{position: relative;padding-bottom: 100%;border-radius: 50%;overflow: hidden;}
.in_pro .mySwiper .swiper-slide .s_pimg img{position: absolute;width:100%;height: 100%;display: block;object-fit: contain;transition: all .5s;}
.in_pro .mySwiper .swiper-slide-thumb-active .s_pimg{border-color: #00a0e8;}
.in_pro .mySwiper .swiper-slide:hover .s_pimg img{transform: scale(1.1);}
@keyframes a2{100% {transform: rotate(360deg);}}
.in_pro #canvas-container1,
.in_pro #canvas-container2{position: absolute;top: 0;width: 100%;height: 100vh;z-index: -1;opacity: .5;pointer-events: none;}
.in_pro #water1,
.in_pro #water2{position: absolute;top: 0;width: 35%;height: 100%;z-index: 9;}
@media screen and (max-width: 1600px){
	.in_pro .box{padding: 5vw 0;}
	.in_pro dl dt{font-size: 60px;}
	.in_pro dl dd{font-size: 32px;margin-top: -30px;}
	.in_pro hr{width: 140px;height: 5px;margin-top: 20px;}
	.in_pro p{font-size: 14px;margin: 20px 0;}
	.in_pro .more{font-size: 14px;}
	.in_pro .pro_nav{padding-top: 1.5rem;}
	.in_pro .pro_nav a{font-size: 14px;}
	.in_pro .mySwiper2 {padding: 5vw;}
	.in_pro .mySwiper2 .swiper-slide a{border-width: 8px;}
	.in_pro .mySwiper2 .round::before,
	.in_pro .mySwiper2 .round:after{width: 20px;height: 20px;}
	.in_pro .mySwiper2 .round:after{bottom: -30px;width: 30px;height: 30px;}
	.in_pro .mySwiper .swiper-slide .s_pimg{border-width: 6px;}
}
@media screen and (max-width: 768px){
	.in_pro{padding-top: 70px;}
	.in_pro .box{padding: 0;}
	.in_pro .left{width: 100%;}
	.in_pro.active .left{animation: fadeInDown 1s;}
	.in_pro dl{text-align: center;}
	.in_pro dl dt{font-size: 48px;}
	.in_pro dl dd{font-size: 26px;margin-top: -23px;}
	.in_pro hr{width: 115px;height: 5px;margin: auto;margin-top: 15px;}
	.in_pro p{font-size: 12px;margin: 15px 0;}
	.in_pro .more,
	.in_pro .pro_nav{display: none;}
	.in_pro .right{position: relative;width: 100%;display: block;}
	.in_pro.active .right{animation: fadeInUp 1.2s;}
	.in_pro .mySwiper2{width: 100%;padding: 9vw;}
	.in_pro .mySwiper2 .swiper-slide a{border-width: 6px;}
	.in_pro .mySwiper2 .round::before,
	.in_pro .mySwiper2 .round:after{width: 15px;height: 15px;}
	.in_pro .mySwiper2 .round:after{bottom: -25px;width: 25px;height: 25px;}
	.in_pro .mySwiper{width: 100%;margin-top: 1rem;}
	.in_pro .mySwiper .swiper-slide .s_pimg{border-width: 5px;}
	.in_pro #water1,
	.in_pro #water2{width: 100%;height: 100vw;transform: rotate(90deg);}
}

.in_case .fp-overflow{/* overflow: visible; */}
.in_case .bg{background-image: url(../images/case_.jpg);background: #4b4b49;}
.in_case li .img{position: relative;width: 100%;padding-bottom: 90%;}
.in_case li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_case li .txt{position: absolute;left: 50%;padding: 30px 20px;width: 80%;text-align: center;transform: translate(-50%,-10%);background:#00a0e8;border-radius: 15px 0 15px;z-index: 11;transition: all .5s;}
.in_case li .txt h3{color: #fff;font-size: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s;}
.in_case li .txt span{display: block;color: #fff;font-size: 20px;margin-top: 6px;opacity: .3;transition: all .5s;}
.in_case li:hover .img img{transform: scale(1.1);}
.in_case li:hover .txt{background: #fff; color: #00a0e8;box-shadow:0 0 15px rgba(0,0,0,0.15);}
.in_case li:hover .txt h3,
.in_case li:hover .txt span{color: #00a0e8;}
.in_case .swiper{padding: 3rem 1rem 7rem;}
.in_case.active .swiper{animation: fadeInUp 1s;}
.in_case .swiper-pagination{width: 100%;text-align:center;left: 0px;bottom: 0;}
.in_case .swiper .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50px;margin: 0 5px;opacity: .5;background: #ffff;transition: all .5s;}
.in_case .swiper .swiper-pagination-bullet-active{width: 30px;opacity:1;}
@media screen and (max-width: 1600px){
	.in_case li .txt{padding: 20px 15px;}
	.in_case li .txt h3{font-size: 24px;}
	.in_case li .txt span{font-size: 18px;}
}
@media screen and (max-width: 1600px){
	.in_case .swiper{padding: 2rem 1rem 6rem;}
	.in_case li .txt{padding: 15px 10px;}
	.in_case li .txt h3{font-size: 18px;}
	.in_case li .txt span{font-size: 14px;margin-top: 3px;}
}
@media screen and (max-width: 768px){
	.in_case .swiper{padding: 1rem 0 4.5rem;}
	.in_case .swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}
	.in_case .swiper .swiper-pagination-bullet-active{width: 20px;}
}

.in_device .bg{background-image: url(../images/device_bg.jpg);}
.in_device .swiper{margin-top: 2rem;}
.in_device .swiper li{position: relative;width: calc( 100% / 3);}
.in_device .swiper li .img{width: 100%;border: 2px solid #fff;border-radius: 5px;overflow: hidden;}
.in_device .swiper li .img div{position: relative;width: 100%;padding-top: 57.5%;}
.in_device .swiper li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_device .swiper li .img h3{position: absolute;left: 0;right: 0;bottom: 0;color: #333;font-size: 16px;line-height: 2.5;text-align: center;padding: 0 10px;background: rgba(255,255,255,.8);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 1s;}
.in_device .swiper li:hover .img img{transform: scale(1.1);}
.in_device .swiper li.active .img h3{bottom: 0;opacity: 1;}
@media only screen and (max-width: 1920px){
.in_device .swiper li .img h3{font-size: 15px;}}
@media only screen and (max-width: 768px){
.in_device .swiper{margin-top: 1rem;}
.in_device .swiper li .img h3{font-size: 14px;line-height: 2;}}
/* ===== 设备3D展示专用样式 ===== */
.ds-3d-container {
  position: relative;
  width: 100%;
  height: 100vh;
  perspective: 2000px;
  overflow: hidden;
}

.ds-device-model {
  position: absolute;
  width: 300px;
  height: 500px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.17, 0.67, 0.21, 0.99);
}

.ds-device-surface {
  position: absolute;
  border-radius: 20px;
  background: linear-gradient(145deg, 
    rgba(80,80,80,0.9) 0%, 
    rgba(30,30,30,0.95) 50%, 
    rgba(50,50,50,0.9) 100%);
  box-shadow: 
    0 0 30px rgba(0, 150, 255, 0.3),
    inset 0 0 20px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

/* 设备正面 */
.ds-device-front {
  width: 100%;
  height: 100%;
  transform: translateZ(30px);
  border: 1px solid rgba(255,255,255,0.15);
}

.ds-screen {
  position: absolute;
  width: 90%;
  height: 85%;
  top: 7%;
  left: 5%;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 
    inset 0 0 30px rgba(0, 150, 255, 0.5),
    0 0 30px rgba(0, 150, 255, 0.2);
}

/* 设备侧面 */
.ds-device-side {
  width: 20px;
  height: 480px;
  left: -10px;
  top: 10px;
  transform: rotateY(90deg) translateZ(10px);
  background: linear-gradient(to right, #222, #444, #222);
}

/* 信息面板 */
.ds-device-info {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-align: center;
  opacity: 0;
  transition: opacity 0.5s;
}

.ds-3d-container:hover .ds-device-info {
  opacity: 1;
}

/* 响应式适配 */
@media (max-width: 768px) {
  .ds-device-model {
    width: 250px;
    height: 400px;}
  }

/* 修正超过1600px宽度时的布局错乱问题 */
@media only screen and (min-width: 1601px) {
  .in_news {
    position: relative;
    background-color: #f9f9f9; /* 防止背景空白，可改成你的默认背景色 */
  }

  .in_news .bg {
    background-image: url(../images/news_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; /* 背景全屏显示 */
  }

  .in_news main {
    max-width: 1920px;
    margin: 0 auto; /* 居中 */
  }

  .in_news .box {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .in_news .news_img {
    width: 40%; /* 稍微收紧一点比例 */
  }

  .in_news .news_img .img img {
    width: 100%;
    height: 100%;
  }

  .in_news .news_list {
    width: 55%;
  }

  .in_news .news_list ul {
    gap: 20px; /* 让大屏排版更自然 */
  }

  .in_news .news_list li .img {
    width: 35%;
    margin-right: 40px;
  }

  .in_news .news_list li .info h3 {
    font-size: 20px;
  }

  .in_news .news_list li .info p {
    font-size: 17px;
    line-height: 1.8;
  }
}
.in_news .fp-overflow{/* overflow: visible; */}
.in_news .fp-overflow::-webkit-scrollbar{width: 0;}
.in_news .bg{background-image: url(../images/news_bg.jpg);}
.in_news .box{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3rem;}
.in_news .news_img{position: relative;width: 43%;}
.in_news.active .news_img{animation: fadeInLeft 1.5s;}
.in_news .news_img .img{position: relative;width: 100%;padding-top: 70%;border-radius: 5px;overflow: hidden;}
.in_news .news_img .img  img{position: absolute;top: 0;left: 0;width: 100%;height:100%;object-fit: cover;transition: all .5s;}
.in_news .news_img .text{position: absolute;bottom: 0;min-width: 0;width: 100%;display: flex;flex-wrap: wrap;padding: 20px;border-radius: 5px;background: rgba(34,34,35,.8);transition: all .5s;}
.in_news .news_img .text h3{width: 100%;color: #fff;font-size: 18px;opacity: .65;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_img .text span{color: #a3a09b;font-size: 16px;opacity: .8;transition: all .5s;}
.in_news .news_img:hover .text{background: rgba(0,160,232,.8);}
.in_news .news_img:hover .img img{transform: scale(1.1);}
.in_news .news_img:hover .text span{color: #fff;}
.in_news .news_list{position: relative;width: 52%;}
.in_news.active .news_list{animation: fadeInRight 1.5s;}
.in_news .news_list ul{position: relative;display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.in_news .news_list ul:after{content: " ";position: absolute;top: 50%;left: 0;margin-top: -1px;width: 100%;height: 2px;background: #000;opacity: .1;}
.in_news .news_list li{position: relative;width: 100%;}
.in_news .news_list li a{display: flex;min-width: 0;align-items: center;}
.in_news .news_list li .img{flex: none;width: 36%;margin-right: 35px;}
.in_news .news_list li .img div{position: relative;width: 100%;padding-top: 65%;border-radius: 5px;overflow: hidden;}
.in_news .news_list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_news .news_list li .info{flex: 1;min-width: 0;}
.in_news .news_list li .info h3{color: #333;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_list li .info span{display: block;color: #999;font-size: 16px;margin: 10px 0;}
.in_news .news_list li .info p{color: #666;font-size: 16px;line-height: 1.75;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.in_news .news_list li .info em{display: block;color: #00a0e8;font-size: 16px;margin-top: 10px;}
.in_news .news_list li:hover .img img{transform: scale(1.1);}
.in_news .news_list li:hover .info h3{color: #00a0e8;}
@media only screen and (max-width: 1600px){
	.in_news .news_img{width: 44%;}
	.in_news .news_img .text{padding: 15px;}
	.in_news .news_img .text h3{font-size: 17px;margin-bottom: 7px;}
	.in_news .news_img .text span{font-size: 15px;}
	.in_news .news_list li .img{width: 38%;margin-right: 30px;}
	.in_news .news_list li .info h3{font-size: 17px;}
	.in_news .news_list li .info span{font-size: 15px;margin: 7px 0;}
	.in_news .news_list li .info p{font-size: 15px;}
	.in_news .news_list li .info em{font-size: 15px;margin-top: 7px;}
}
@media only screen and (max-width: 1920px){
	.in_news{padding-top: 70px;}
	.in_news .box{margin-top: 2rem;}
	.in_news .news_img{width: 44.5%;}
	.in_news .news_img .text{padding: 10px;}
	.in_news .news_img .text h3{font-size: 16px;margin-bottom: 5px;}
	.in_news .news_img .text span{font-size: 14px;}
	.in_news .news_list li .img{width: 40%;margin-right: 20px;}
	.in_news .news_list li .info h3{font-size: 16px;}
	.in_news .news_list li .info span{font-size: 14px;margin: 5px 0;}
	.in_news .news_list li .info p{font-size: 14px;}
	.in_news .news_list li .info em{display: none;}
}
@media only screen and (max-width: 768px){
	.in_news .fp-overflow{overflow-y: auto;}
	.in_news .box{margin-top: 1rem;}
	.in_news .news_img,
	.in_news .news_list{width: 100%;}
	.in_news.active .news_img{animation: fadeInUp 1.2s;}
	.in_news.active .news_list{animation: fadeInUp 1.4s;}
	.in_news .news_img .text h3{font-size: 15px;}
	.in_news .news_list ul{margin: 0;}
	.in_news .news_list li{height: auto;padding: 15px 0;}
	.in_news .news_list li .info h3{font-size: 15px;}
	.in_news .news_list li .info p{font-size: 13px;margin: 5px 0 0;}
}

.in_contact .fp-overflow{overflow: visible;}
.in_contact .fp-overflow::-webkit-scrollbar{width: 0;}
.in_contact .bg{background-image: url(../images/contact_.jpg);    background: #4b4b49;}
.in_contact .box{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3rem 0 5rem;}
.in_contact .box h3{color: #fff;font-size: 30px;}
.in_contact .left,
.in_contact .right{width: 49%;padding: 4%;border-radius: 5px;background: rgba(255,255,255,.15);backdrop-filter: blur(5px);}
.in_contact.active .left{animation: fadeInLeft 1.2s;}
.in_contact.active .right{animation: fadeInRight 1.2s;}
.in_contact .left .txt{width:100%;margin: 20px 0;}
.in_contact .left .txt p{display: flex;color:#fff;font-size: 18px;line-height: 2.5;align-items: center;}
.in_contact .left .txt .fa{width: 26px;height: 26px;font-size: 14px;line-height: 24px;text-align: center;border-radius: 50%;border: 1px solid #fff;margin-right: 10px;}
.in_contact .left .ewm{display: flex;}
.in_contact .left dl{display: flex;margin-right: 8%;}
.in_contact .left dl:last-child{margin-right: 0;}
.in_contact .left dl dt{position: relative;width: 130px;padding:10px;}
.in_contact .left dl dt .lin{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #fff;opacity: .5;}
.in_contact .left dl dt .lin>div{position: absolute;top: -2px;left: -2px;width: calc(100% + 4px);height: calc(100% + 4px);}
.in_contact .left dl dt .lin>div:before,
.in_contact .left dl dt .lin>div:after{content:"";position: absolute;top: 0;left: 0;width: 16px;height: 1px;background: #fff;}
.in_contact .left dl dt .lin>div:after{top: auto;width: 1px;height: 16px;}
.in_contact .left dl dt .lin>div+div{transform: rotate(90deg);}
.in_contact .left dl dt .lin>div+div+div{transform: rotate(180deg);}
.in_contact .left dl dt .lin>div+div+div+div{transform: rotate(270deg);}
.in_contact .left dl dt img{position: relative;width:100%;height: 100%;display: block}
.in_contact .left dl dt #fewm{width: 100%;height: 100%;}
.in_contact .left dl dt #fewm canvas{display: block;padding: 8px;background: #fff;width: 100%;}
.in_contact .left dl dd{width: 40px;display: flex;color:#fff;font-size: 14px;text-align: center;align-items: center;margin-left: 10px;}
.in_contact .right p{color: #fff;font-size: 16px;margin-top: 10px;margin-bottom: 30px;}
.in_contact .in_book{display: flex;flex-wrap: wrap;justify-content: space-between;}
.in_contact .in_book .layui-form-item{width: 49%;margin-bottom: 10px;}
.in_contact .in_book .layui-form-text{width: 100%;margin-right: 0;}
.in_contact .in_book .btn{display: flex;width: 100%;justify-content: space-between;margin: 0;}
.in_contact .in_book .btn:after{display: none;}
.in_contact .in_book .layui-input,
.in_contact .in_book .layui-textarea{color: #fff;font-size: 16px;height: 50px;line-height: 50px;border-radius: 0;border: 1px solid rgba(255,255,255,.3);background: none;}
.in_contact .in_book .layui-input::placeholder,
.in_contact .in_book .layui-textarea::placeholder{color:#fff;}
.in_contact .in_book .layui-textarea{height: auto;line-height: normal;min-height: 9vh;resize: none;padding: 10px;vertical-align: middle;}
.in_contact .in_book .layui-btn{width: 49%;font-size: 16px;height: auto;line-height: 50px;border-radius: 0;background-color: #00a0e8;}
.in_contact .in_book .layui-btn.reset{background-color: #a0a0a0;margin: 0;}
.in_contact .in_book .layui-btn:hover{color: #00a0e8;background-color: #fff;opacity: 1;}
.in_copyright{display: flex;color: #fff;font-size: 16px;justify-content: space-between;flex-wrap: wrap;}
.in_copyright span:nth-child(2){margin: 0 auto 0 15px;}
.in_copyright a{color: inherit;}
.in_copyright img{vertical-align: sub;}
@media only screen and (max-width: 1600px){
	.in_contact{padding-top: 70px;}
	.in_contact .box{margin: 2rem 0 3rem;}
	.in_contact .box h3{font-size: 28px;}
	.in_contact .left,
	.in_contact .right{padding: 3%;}
	.in_contact.active .left{animation: fadeInUp 1.2s;}
	.in_contact.active .right{animation: fadeInUp 1.4s;}
	.in_contact .left .txt{margin: 15px 0;}
	.in_contact .left .txt p{font-size: 16px;}
	.in_contact .left dl dd{width: 35px;font-size: 13px;margin-left: 5px;}
	.in_contact .right p{font-size: 15px;margin-bottom: 20px;}
	.in_contact .in_book .layui-input,
	.in_contact .in_book .layui-textarea{font-size: 14px;height: 40px;line-height: 40px;}
	.in_contact .in_book .layui-btn{font-size: 14px;line-height: 40px;}
	.in_copyright{font-size: 14px;line-height: 2;}
}
@media only screen and (max-width: 768px){
	.in_contact .fp-overflow{overflow-y: auto;}
	.in_contact .box{margin: 1rem 0;}
	.in_contact .box h3{font-size: 20px;}
	.in_contact .left,
	.in_contact .right{width: 100%;margin-bottom: 3%;padding: 1.5rem 1rem;}
	.in_contact .left .txt{margin: 10px 0;}
	.in_contact .left .txt p{font-size: 14px;}
	.in_contact .left .txt .fa{width: 22px;height: 22px;font-size: 12px;line-height: 20px;margin-right: 8px;}
	.in_contact .left dl dt{width: 110px;padding: 5px;}
	.in_contact .left dl dd{width: 30px;font-size: 12px;}
	.in_contact .right{margin: 0;}
	.in_contact .right p{font-size: 14px;margin: 10px 0;}
	.in_contact .in_book .layui-form-item{width: 100%;}
	.in_contact .in_book .layui-textarea{height: auto;line-height: normal;}
	.in_copyright{justify-content: center;margin-bottom: 1rem;}
	.in_copyright font{display: none;}
	.in_copyright span:first-child{width: 100%;margin: 0;text-align: center;}
	.in_copyright span:nth-child(2){margin: 0 15px 0 0;}
}

#fp-nav.fp-left{left: 0;opacity: .8;}
#fp-nav ul li a span{background: #fff;transition: all .5s;}
#fp-nav.blue ul li a span{background: #00a0e8;}
#fp-nav ul li .fp-tooltip{text-shadow: 0 0 2px rgba(0,0,0,.8);}
@media only screen and (max-width: 768px){
	#fp-nav{display: none;}
}
  
  /* ==========================
   1600px以上屏幕修复
   ========================== */
@media (min-width: 1920px) {
  /* 通用居中布局 */
  .w, .w1200 {
    width: 90%;
    max-width: 1920px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  /* 产品中心背景不丢失 */
  .in_pro {
    width: 100%;
    background-color: #f8f8f8; /* 原背景色，可改 */
    position: relative;
    overflow: hidden;
  }